<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../iconfont/iconfont.css">
  <link rel="stylesheet" href="../css/huaweizone.css">
  <title>华为商城</title>
</head>

<body>
  <!-- 华为专区内容 -->
  <div class="container">
    <!-- logo区域和商品导航栏 -->
    <div class="w pro-nav">
      <div class="logo">
        <a href=""></a>
        <div class="sx"></div>
        <h1>华为专区</h1>
      </div>
      <div class="prolist">
        <ul>
          <li><a href="#">手机</a>
            <ul class="tel-nav">
              <li></li>
            </ul>
          </li>
          <li><a href="#">笔记本电脑</a>
            <ul class="laptop-nav">
              <li></li>
            </ul>
          </li>
          <li><a href="#">平板&穿戴</a>
            <ul class="">
              <li></li>
            </ul>
          </li>
          <li><a href="#">智能家居</a></li>
          <li><a href="#">配件</a></li>
          <li><a href="#">企业购</a></li>
        </ul>
      </div>
      <div class="search">
        <input type="text" placeholder="Mate40系列"><button class="search-icon">a</button>
      </div>
    </div>
    <!-- 页面主体部分 -->
    <div class="main">
      <!-- 轮播图 -->
      <div class="carousel">
        <div class="carousel-banner">
          <ul>
            <li><a href="#"><img src="../images/c3d076d4-50ea-4921-9284-551ec4ec718a.png" alt=""></a></li>
            <li><a href="#"><img src="../images/c3d076d4-50ea-4921-9284-551ec4ec718a.png" alt=""></a></li>
            <li><a href="#"><img src="../images/c3d076d4-50ea-4921-9284-551ec4ec718a.png" alt=""></a></li>
            <li><a href="#"><img src="../images/c3d076d4-50ea-4921-9284-551ec4ec718a.png" alt=""></a></li>
            <li><a href="#"><img src="../images/c3d076d4-50ea-4921-9284-551ec4ec718a.png" alt=""></a></li>
          </ul>
        </div>
        <!-- 轮播图指针 -->
        <div class="cursor">
          <ul>
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
      <!-- 华为专区 导航 -->
      <div class="mod-nav-wrp">
        <div class="w">
          <!-- 导航图标 -->
          <div class="huawei-nav">
            <a href="#"><span class="iconfont icon-shouji"></span><p>新年焕新</p></a>
            <a href="#"><span class="iconfont icon-bijibendiannao"></span><p>新年焕新</p></a>
            <a href="#"><span class="iconfont icon-dianshi"></span><p>新年焕新</p></a>
            <a href="#"><span class="iconfont icon-icon-test"></span><p>新年焕新</p></a>
            <a href="#"><span class="iconfont icon-zhinengyinxiang"></span><p>新年焕新</p></a>
          </div>
        </div>
      </div>
      <!-- 商品列表 -->
      <div class="project">
        <!-- 福利区 -->
        <div class="welfare"><a href="#"></a></div>
        <!-- 新年换新机 -->
        <div class="pic-wrap"><a href="#"></a></div>
        <!-- 具体产品 -->
        <div class="w products">
          <!-- 新品 -->
          <div class="new-pro">
            <div class="pro-txt">
              <h1>华为智慧屏</h1>
              <p>最高优惠5000元|最高享三期免息</p>
              <a>￥3299起<span>></span></a>
            </div>
            <div class="pro-pic"></div>
          </div>
          <!-- 热销 -->
          <div class="hot-pro"><a href="#"></a></div>
        </div>
        <!--一楼 感恩回馈礼 -->
        <div class="pic-wrap hl">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 商品 -->
            <div class="layout">
              <ul class="grid-list">
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/a0ad3ee8-1736-4869-9e00-2d9d9ecb3837.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/5099cb0a-518e-4b66-8bf9-7cdf54a0d3a5.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/8a8691f7-7d14-4bf6-8738-aa3c2d81e8ca.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/01a80b14-0772-4ff0-bffc-b3331f82e37a.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/d9596b7f-adca-4b97-9988-fcdaf07a00a8.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/6ddb3813-4a5d-45b6-8075-47499de9893f.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/9dccd10e-abdc-462b-9e10-45c4780f9369.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/7684c590-be75-4cac-bdb1-74d167f6a728.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>


              </ul>
            </div>
          </div>
        </div>
        <!-- 二楼 智能家居 -->
        <div class="pic-wrap smart-jj">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 商品 -->
            <div class="layout">
              <ul class="grid-list">
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/20b57c41-e054-48a0-bd00-43c05283c178.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px"
                        src="../images/428_428_A2F945FFC79B0DCF71FAA259E9ED1B37AAB0EC2D64AFD284mp.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/d75d1955-1168-4817-9845-7def7d3e5241.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/7162ccb9-2d8e-499b-893c-fac10e38f1f9.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/6f1c087e-0a3e-410f-a517-5293abfa0ed3.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/4dc00558-90cc-42f0-aa83-b6ff30db98d1.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/dbcc8015-d27a-4cf6-91ab-78b9fcdf6348.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/e74900cb-f166-4858-ab40-c0d6b14fb4a4.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
              </ul>
            </div>
            <div class="swiper-container">
              <ul>
                <li>
                  <a href="#">
                    <div class="swiper-pic">
                      <img src="../images/428_428_1540952549939mp.png" alt="">
                    </div>
                    <div class="swiper-txt">
                      <p class="color-3a">欧普读写台灯</p>
                      <p class="color-a4">AA级立体双光源 减蓝光</p>
                      <p class="color-c8102e">¥163</p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="swiper-pic">
                      <img src="../images/428_428_1540951957596mp.png" alt="">
                    </div>
                    <div class="swiper-txt">
                      <p class="color-3a">欧普读写台灯</p>
                      <p class="color-a4">AA级立体双光源 减蓝光</p>
                      <p class="color-c8102e">¥163</p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="swiper-pic">
                      <img src="../images/428_428_EAA4F646D68BC4899C9AAC9E26B8F135F6BCB77337CFBE40mp.png" alt="">
                    </div>
                    <div class="swiper-txt">
                      <p class="color-3a">欧普读写台灯</p>
                      <p class="color-a4">AA级立体双光源 减蓝光</p>
                      <p class="color-c8102e">¥163</p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="swiper-pic">
                      <img src="../images/428_428_1545026968970mp.png" alt="">
                    </div>
                    <div class="swiper-txt">
                      <p class="color-3a">欧普读写台灯</p>
                      <p class="color-a4">AA级立体双光源 减蓝光</p>
                      <p class="color-c8102e">¥163</p>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="swiper-pic">
                      <img src="../images/428_428_46BEACB73F8B8B091A33452FA6668870C5B6812FE1C3657Dmp.png" alt="">
                    </div>
                    <div class="swiper-txt">
                      <p class="color-3a">欧普读写台灯</p>
                      <p class="color-a4">AA级立体双光源 减蓝光</p>
                      <p class="color-c8102e">¥163</p>
                    </div>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 三楼运动穿戴 -->
        <div class="pic-wrap sport-cd">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 商品 -->
            <div class="layout">
              <ul class="grid-list">
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/623b9ec5-e1cb-49bd-936b-0c987466c774.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/e04cc26c-7d5e-41f0-96db-aa605121c6d3.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/eacfc08f-101f-427e-814a-167e2687d8e8.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/9c553e8b-6da9-4624-ad6c-b659c72bf7ef.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/f6cbffcf-80dc-4d06-97e5-cd9ef48a5155.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/a47758fc-b700-44cf-b8ed-265f1394ab12.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/2bb26ef4-4484-49cc-affe-6508208046c9.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/cc4525b5-a3c0-4d99-8992-208b6b2c4a2e.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 四楼 潮酷数码 -->
        <div class="pic-wrap cksm">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 商品 -->
            <div class="layout">
              <ul class="grid-list">
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/72699e21-1011-47d0-8865-923687c83353.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/7f31c9c6-4d35-4c52-8185-b96c9a26e6a2.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/fb67564e-1bee-42e3-8c57-64449d868591.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/60fc944a-f309-47bc-960e-c7031e116459.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/6726b43b-78e5-4730-918c-9b035dc3926b.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/39c6c063-7aca-413a-91c3-0c22ec851de0.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/919021af-c48d-46ca-a6ef-6e1c02616f85.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/1f307d47-2e5c-4b4b-8a51-83db9f97e78b.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
              </ul>
            </div>
            <div class="ad">
              <a href="#"><img src="../images/6b754b90-13d4-4029-903d-cd6171c7ceae.jpg" alt=""></a>
            </div>
          </div>
        </div>
        <!-- 五楼 更多品类 -->
        <div class="pic-wrap more">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 商品 -->
            <div class="layout">
              <ul class="grid-list">
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/990d5fa8-5240-4ec6-a28a-6194d1ef82f1.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px"
                        src="../images/428_428_DD81204D80E7696141E529C0991784F9367C3B0E09F9C32Emp.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/f946ec7d-2257-4f61-a88f-5e99b255d818.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/50b86809-56d0-42f4-9a23-423f3d6cbff4.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px"
                        src="../images/428_428_03E36F3811C5C3E97E89CB7C6CD937E843B234BADFEE705Fmp.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/074fee8b-4936-4381-9066-5ec0263e5b9d.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/3fe388f1-abf9-475e-a848-ee13fa5bf469.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
                <li>
                  <!-- 商品图片 -->
                  <div class="grid-item">
                    <a href="#"><img width="300px" src="../images/6e7c063e-e331-493a-b47c-3459a3b64511.png" alt=""></a>
                    <p class="sale">享三期免息</p>
                  </div>
                  <!-- 商品文本 -->
                  <div class="grid-txt">
                    <h1>HUAWEI P40 Pro</h1>
                    <p>麒麟990 5G SoC芯片</p>
                    <a href="#"><span class="sm-font">￥</span>7388</a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 六楼 选项卡导航 -->
        <div class="w selects">
          <ul class="select-nav">
            <li class="active">智能配件</li>
            <li>通用配件</li>
            <li>生态产品</li>
          </ul>
          <div class="selects-items">
            <ul>
              <li>
                <a href="#">
                  <div class="select-pic"><img width="290px"
                      src="../images/428_428_5198730931DE4D621C972640AC6715820BB08C10ACC0B98Cmp.png" alt=""></div>
                  <h1>超级快充立式无线充电器</h1>
                  <p>Max 50W丨双线圈设计</p>
                  <a class="btn font-size" href="#"><span class="sm-font">￥</span>319起</a>
                </a>
              </li>
              <li>
                <a href="#">
                  <div class="select-pic"><img width="290px"
                      src="../images/428_428_5198730931DE4D621C972640AC6715820BB08C10ACC0B98Cmp.png" alt=""></div>
                  <h1>超级快充立式无线充电器</h1>
                  <p>Max 50W丨双线圈设计</p>
                  <a class="btn font-size" href="#"><span class="sm-font">￥</span>319起</a>

                </a>
              </li>
              <li>
                <a href="#">
                  <div class="select-pic"><img width="290px"
                      src="../images/428_428_5198730931DE4D621C972640AC6715820BB08C10ACC0B98Cmp.png" alt=""></div>
                  <h1>超级快充立式无线充电器</h1>
                  <p>Max 50W丨双线圈设计</p>
                  <a class="btn font-size" href="#"><span class="sm-font">￥</span>319起</a>

                </a>
              </li>
              <li>
                <a href="#">
                  <div class="select-pic"><img width="290px"
                      src="../images/428_428_5198730931DE4D621C972640AC6715820BB08C10ACC0B98Cmp.png" alt=""></div>
                  <h1>超级快充立式无线充电器</h1>
                  <p>Max 50W丨双线圈设计</p>
                  <a class="btn font-size" href="#"><span class="sm-font">￥</span>319起</a>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <!-- 更多福利 -->
        <div class="pic-wrap more-fl">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 商品 -->
            <div class="fls">
              <ul>
                <li>
                  <a href="#">
                    <span class="fls-txt title">数码会场</span>
                    <span class="fls-txt"><button class=" fls-btn">点击查看</button></span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="fls-txt title">企业购</span>
                    <span class="fls-txt"><button class=" fls-btn">点击查看</button></span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="fls-txt title">依旧换新</span>
                    <span class="fls-txt"><button class=" fls-btn">点击查看</button></span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="fls-txt title">华为智选</span>
                    <span class="fls-txt"><button class=" fls-btn">点击查看</button></span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 限时秒杀 -->
        <div class="pic-wrap ms-pro">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 秒杀商品 -->
            <div class="ms">
              <div class="ms-content">
                <div class="ms-l">
                  <div class="ms-pic"><img src="../images/msl.png" alt=""></div>
                  <div class="ms-txt">
                    <h1>15W无线充套装</h1>
                    <p class="price-font"><span class="color-D42620">秒杀价：￥</span><span class="lg-font">9.9</span><span
                        class="del-price">日常价：￥249</span></p>
                    <p><a>每天晚上10：00</a></p>
                  </div>
                </div>
                <div class="ms-r">
                  <div class="ms-pic"><img src="../images/msl.png" alt=""></div>
                  <div class="ms-txt">
                    <h1>移动电源20000mAh</h1>
                    <p class="price-font"><span class="color-D42620">秒杀价：￥</span><span class="lg-font">9.9</span><span
                        class="del-price">日常价：￥249</span></p>
                    <p><a>每天晚上10：00</a></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 拼团钜惠 -->
        <div class="pic-wrap pt-pro">
          <i class="pic" href=""></i>
          <div class="w">
            <!-- 拼团商品 -->
            <div class="pt-shop"></div>
          </div>
        </div>
        <!-- 翻牌抽奖 -->
        <div class="pic-wrap cj-pro">
          <i class="pic" href=""></i>
          <div class="w clearfix">
            <!-- 抽奖区 -->
            <div class="cj">
              <div class="cj-block bg-img1"></div>
              <div class="cj-block bg-img2"></div>
              <div class="cj-block bg-img3"></div>
              <div class="cj-block bg-img4"></div>
              <div class="cj-block bg-img5"></div>
              <div class="cj-block bg-img6"></div>
              <div class="cj-block bg-img7"></div>
              <div class="cj-block bg-img8"></div>
              <div class="cj-block bg-img9"></div>
            </div>
            <div class="cj-pep">
              <div class="rule">
                <h1>活动规则</h1>
                <div class="retul-detailed">
                  <ol>
                    <li>活动时间：2021年1月1日00:00-1月31日23:59</li>
                    <li>活动规则：活动期间用户登陆华为商城帐号，进入活动页面，点击参与抽奖，同一帐号每天有3次免费抽奖机会。</li>
                    <li>1、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                    <li>2、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                    <li>3、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                    <li>4、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                    <li>5、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                    <li>6、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                    <li>7、奖品设置： 一等奖 （1份） 国内任意飞机票 1张</li>
                  </ol>
                </div>
              </div>
              <div class="peplist">
                <h1>中奖名单</h1>
                <div class="list">
                  <ul>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                    <li>9873****@qq.com抽中 华为品牌优惠券</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 服务保障 -->
        <div class="service"></div>
        <!-- 活动详细按钮 返回顶部按钮 -->
        <div class="footer-btns">
          <!-- 添加字体图标 -->
          <a href="#">活动详细<span></span></a><a href="#">返回顶部<span></span></a>
        </div>
      </div>
    </div>
  </div>
</body>

</html>